<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        img{
            position: absolute;top: 0px;
        }
        #left{
            left: 0px;
        }
        #right{
            right: 0px;
        }
    </style>
</head>
<body>
    <img src="img/1.gif" id="left">
    <img src="img/2.gif" id="right">

    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>
    <p>天王盖地虎,小鸡炖蘑菇</p>

    <script type="text/javascript">
        var left = document.getElementById("left");
        var right = document.getElementById("right");
        setTimeout(hidePage,5000);
        function hidePage() {
            hide(left);
            hide(right);
        }
        function hide(obj) {
            obj.style.display = "none";
        }

    </script>
</body>
</html>